
/* Unwrapped Table */

// .callout.callout[data-callout~="table"]
.callout.callout {
    &[data-callout-metadata~="table"] {
        border: 0;
        background-color: transparent;
        --callout-padding: 0;

        & .callout-content {
            padding: 0;
            border: 0;
            background-color: transparent;
            box-shadow: none;
        }
        &:not(
            [data-callout-metadata~="show-title"], 
            [data-callout-metadata~="s-t"]
        ) .callout-title { display: none; }
        
        & table { 
            white-space: nowrap; 
            margin: 0; 
            margin: auto;
            overflow-x: scroll;
            
            & th,
            & td
            { white-space: nowrap; }
        }
    }
    @for $i from 1 through 7 {
        &:is([data-callout-metadata~="table-unwrap-column-#{$i}"], [data-callout-metadata~="tbl-u-#{$i}"]) table tr td:nth-child(#{$i}) {
            // white-space: nowrap;
            --table-white-space: nowrap;
        }
    }
}